﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>三星网上商城</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.min.css">
    <link rel="stylesheet" href="css/font/iconfont.css">

</head>

<body>
    <div id="sanxing">
        <!-- 顶部灰色内容 -->
        <div id="topper">
            <div class="content">
                <p><a href="###"><span>三星网上商城</span></a></p>
                <p>
                    <a href="###">
                        <span>三星官网</span>
                        <span class="iconfont">&#xe6e7;</span>
                    </a>
                    <a href="###">
                        <span>三星旗舰体验店（外滩）</span>
                        <span class="iconfont">&#xe6e7;</span>
                    </a>
                </p>
            </div>
        </div>
        <!-- 头部内容 -->
        <div id="header">
            <div class="content">
                <ul class="h-menu">
                    <li><a href="###">智能手机</a></li>
                    <li><a href="###">可穿戴设备</a></li>
                    <li><a href="###">个人电脑</a></li>
                    <li><a href="###">智能家居</a></li>
                    <li><a href="###">配件</a></li>
                </ul>
                <!-- 用来装渲染的数据的盒子 -->
                <div id="listBox1" class="listBox">
                    <ul class="l-left">
                        <!-- <li>
                            <img src="img/menu.jpg" alt="">
                            <p></p>
                        </li>
                        <li>
                            <img src="" alt="">
                            <p></p>
                        </li>
                        <li>
                            <img src="" alt="">
                            <p></p>
                        </li>
                        <li>
                            <img src="" alt="">
                            <p></p>
                        </li> -->
                    </ul>
                    <!-- <div class="l-right">
                        <p></p>
                    </div> -->
                </div>
                <div id="logo">
                    <img src="img/logo.png" alt="">
                </div>
                <div class="icon">
                    <span class="iconfont">&#xe60f;</span>
                    <span>400 071 8899</span>
                    <span class="iconfont ren">&#xe637;</span>
                    <span class="admin">登录</span>
                    <div class="zhongxin">
                        <p><a href="">我的订单</a>
                        </p>
                        <p><a href="">我的积分</a></p>
                        <p><a href="">优惠券</a></p>
                        <p><a href="">我的收藏</a></p>
                        <p><a href="">个人资料</a></p>
                        <p><a href="">收货地址</a></p>
                        <p><a href="">售后网点查询</a></p>
                        <p class="exit"><a href="">退出</a></p>
                    </div>
                    <span class="iconfont" id="search" style ="margin-right:20px;">&#xe695;</span>
                    <div class="menu">
                        <input type="text" placeholder="搜索">
                        <div class="btnbox">
                            <span class="iconfont i-search">&#xe695;</span>
                            <i class="i-clear">X</i>
                        </div>
                    </div>
                    <span class="iconfont gouwu">&#xe600;</span>
                </div>
            </div>
        </div>

        <div id="banner">
            <iframe src="html/luobo.html" frameborder="0" width="100%" height="427px" scrolling="no"></iframe>
            <!-- <div class="bigpic">
                <img src="img/banner.jpg" alt="">
            </div>
            <div class="dot">
                <span class="active"></span>
            </div> -->
        </div>
        <div id="list">
            <div class="content">
                <ul>
                    <li>
                        <a href="###"><img src="img/list.jpg" alt=""></a></li>
                    <li>
                        <a href="###"><img src="img/list2.jpg" alt=""></a></li>
                    <li>
                        <a href="###"><img src="img/list3.jpg" alt=""></a></li>
                </ul>
            </div>
        </div>
        <!-- 主要内容 -->
        <div id="main">
            <div class="content">
                <div id="main1" class="tabbox">
                    <div class="title_tab">
                        <h1>配件</h1>
                        <p class="btn">
                            <span class="on">保护类</span>
                            <span>音频类</span>
                            <span>电源类</span>
                        </p>
                        <p class="p2">
                            <span>更多</span>
                            <span class="iconfont">&#xe610;</span>
                        </p>
                    </div>
                    <div class="con">
                        <ul class="list" style="display: block;">
                            <li>
                                <a href="###"><img src="img/peijianBaohu1.jpg" alt=""></a>
                                <p>Galaxy Note10 真皮保护壳<br>¥388.00</p>
                            </li>
                            <li><a href="###"><img src="img/peijianBaohu2.jpg" alt=""></a>
                                <p>Galaxy Note10 硅胶保护壳 <br>¥186.00</p>
                            </li>
                            <li><a href="###"><img src="img/peijianBaohu3.jpg" alt=""></a>
                                <p>Galaxy S10 LED智能背光保护壳 <br>¥398.00 </p>
                            </li>
                            <li><a href="###"><img src="img/peijianBaohu4.jpg" alt=""></a>
                                <p>Galaxy S10e LED智能背光保护壳 <br> ¥398.00</p>
                            </li>
                        </ul>
                        <ul class="list">
                            <li>
                                <a href="###"><img src="img/peijianyinpin1.jpg" alt=""></a>
                                <p>AKG Y100BT 颈挂式无线蓝牙耳机
                                    <br>¥699.00</p>
                            </li>
                            <li><a href="###"><img src="img/peijianyinpin2.jpg" alt=""></a>
                                <p>AKG Y500BT 贴耳式无线蓝牙耳机
                                    <br>¥1299.00</p>
                            </li>
                            <li><a href="###"><img src="img/peijianyinpin3.jpg" alt=""></a>
                                <p>弹力项圈运动耳机
                                   <br> ¥399.00</p>
                            </li>
                            <li><a href="###"><img src="img/peijianyinpin4.jpg" alt=""></a>
                                <p>入耳式耳机 <br>¥79.00</p>
                            </li>
                        </ul>
                        <ul class="list">
                            <li>
                                <a href="###"><img src="img/peijiandianyuan1.jpg" alt=""></a>
                                <p>立式加速无线充电底座 2019
                                    <br>¥499.00</p>
                            </li>
                            <li><a href="###"><img src="img/peijiandianyyuan2.jpg" alt=""></a>
                                <p>无线加速充电板<br>¥228.00</p>
                            </li>
                            <li><a href="###"><img src="img/peijiandianyuan3.jpg" alt=""></a>
                                <p>三星 旅行充电器 Type C<br>¥108.00</p>
                            </li>
                            <li><a href="###"><img src="img/peijiandianyyuan4.jpg" alt=""></a>
                                <p>无线充电移动电源
                                    <br>¥299.00</p>
                            </li>
                        </ul>
                        <!-- <div class="btn">
                            <span class="btn-prev"><span class="iconfont">&#xe794;</span></span>
                            <span class="btn-next"><span class="iconfont">&#xe636;</span></span>
                        </div> -->
                    </div>
                </div>
                <div id="main2">
                    <h1>活动专区</h1>
                    <div class="section">
                        <img src="img/hengfu1.jpg" alt="">
                    </div>
                </div>
                <div id="main3">
                    <h1>本周热销</h1>
                    <ul>
                        <li><a href="###"><img src="img/main3(1).jpg" alt=""></a>

                            <h3><a href="###">Samsung Galaxy Fold</a>
                            </h3>
                            <p class="remarks">提前收藏 快人一步</p>
                            <p class="price">¥15999.00</p>
                        </li>
                        <li><a href="###"><img src="img/main3(2).jpg" alt=""></a>

                            <h3><a href="###">Galaxy Note10+ 5G</a></h3>
                            <p class="remarks">5G新品 享24期免息</p>
                            <p class="price">¥7999.00</p>
                        </li>
                        <li><a href="###"> <img src="img/main3(2).jpg" alt=""></a>
                            <h3><a href="###">Galaxy Note10</a></h3>
                            <p class="remarks">24期免息 享好礼三选一</p>
                            <p class="price">¥6599.00</p>
                        </li>
                        <li><a href="###"> <img src="img/main3(3).jpg" alt=""></a>

                            <h3><a href="###">Galaxy S10+ 8GB+128GB版本</a></h3>
                            <p class="remarks">领券下单 优惠1000元</p>
                            <p class="price">¥6399.00<del class="oldprice">¥6999.00</del></p>
                        </li>
                    </ul>
                    <div class="section">
                        <img src="img/hengfu2.jpg" alt="">
                    </div>
                </div>
                <!-- <div id="main4">
                    <div class="title">
                        <h1>为你推荐</h1>
                        <p class="p1">
                            <span>智能手机</span>
                            <span>可穿戴设备</span>
                            <span>平板电脑</span>
                            <span>笔记本电脑</span>
                        </p>
                    </div>
                    <div>
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                        <div class="btn">
                            <span class="btn-prev"><span class="iconfont">&#xe794;</span></span>
                            <span class="btn-next"><span class="iconfont">&#xe636;</span></span>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>

        <!-- 尾部 -->
        <div id="footer">
            <div id="f-one">
                <div class="content">
                    <ul>
                        <li><span class="iconfont" style="margin-left:0px">&#xe609;</span>
                            <div class="con">
                                <p>致电服务中心</p>
                                <p>400-071-8899</p>
                                <p>周一至周日9:00 - 22:00</p>
                            </div>
                        </li>
                        <li><span class="iconfont">&#xe7b5;</span>
                            <div class="con">
                                <p>专业客服人员团队</p>
                                <p>提供当季优惠信息</p>
                                <p>为您推荐产品</p>
                            </div>
                        </li>
                        <li><span class="iconfont">&#xe681;</span>
                            <div class="con" style="border-right:0">
                                <p>所售三星品牌产品</p>
                                <p>均为官方正品</p>
                                <p>请安心购买</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="f-two">
                <div class="about">
                    <dl>
                        <dt>我的三星</dt>
                        <dd>我的订单</dd>
                        <dd>我的积分</dd>
                        <dd>优惠券</dd>
                        <dd>个人资料</dd>
                        <dd>收货地址</dd>
                        <dd>售后网点查询
                            <a href=""><span class="iconfont">&#xe6e7;</span></a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>网上商城指南</dt>
                        <dd>购物指南</dd>
                        <dd>支付方式</dd>
                        <dd>订单及发票</dd>
                        <dd>关于配送</dd>
                        <dd>售后服务</dd>
                        <dd>会员及优惠</dd>
                    </dl>
                    <dl>
                        <dt>服务支持</dt>
                        <dd>常见问题</dd>
                        <dd>关于商城</dd>
                        <dd>关于三星</dd>
                        <dd>联系我们</dd>
                        <dd>使用条款</dd>
                        <dd>加为书签</dd>
                    </dl>
                </div>
                <p class="copy">&copy;1995-2019 三星（中国）投资有限公司 版权所有</p>
                <div class="share">
                    <p>官方分享</p>
                    <p>
                        <span class="iconfont">&#xe6b2;</span>
                        <span class="iconfont">&#xe654;</span>
                    </p>
                </div>
            </div>
            <div id="f-three">
                <div class="left">
                    <ul>
                        <li>服务条款</li>
                        <li>隐私政策</li>
                        <li>访客协议</li>
                    </ul>
                    <p>此网页最好使用IE9及以上浏览器、谷歌浏览器、苹果浏览器和其他新式浏览器进行浏览。</p>
                </div>
                <div class="right">
                    <p>三星（中国）投资有限公司授权北京鹏泰宝尊电子商务有限公司运营三星网上商城并销售产品</p>
                    <p>
                        <img src="img/icon1.png" alt="">
                        <span>公网安备 11010502037127号 京ICP备18036817号-2</span>
                        <img class="tubiao" src="img/icon2.png" alt="">
                        <span>营业执照</span>
                    </p>
                </div>
            </div>
            <div id="f-four"></div>
        </div>
        <!-- 回到顶部 -->
        <div id="gotop">
            <a href="" class="top">
                <span class="iconfont">&#xe65b;</span>
            </a>
        </div>
    </div>
</body>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/myquery.js"></script>
<script src="js/index.js"></script>
</script>

</html>